<template>
    <div>
        <a-row :gutter="12">
            <a-col :xs="12" :sm="12" :md="6" :xl="6" style="height: 160px;margin-bottom: 12px">
                <a-card style="height: 100%"></a-card>
            </a-col>
            <a-col :xs="12" :sm="12" :md="6" :xl="6" style="height: 160px;margin-bottom: 12px">
                <a-card style="height: 100%"></a-card>
            </a-col>
            <a-col :xs="12" :sm="12" :md="6" :xl="6" style="height: 160px;margin-bottom: 12px">
                <a-card style="height: 100%"></a-card>
            </a-col>
            <a-col :xs="12" :sm="12" :md="6" :xl="6" style="height: 160px;margin-bottom: 12px">
                <a-card style="height: 100%"></a-card>
            </a-col>
        </a-row>
        <a-row>
            <a-card>
                <div slot="cover">
                    <hz-table :HzDataSource="AllHzInfo">

                    </hz-table>
                </div>
            </a-card>
        </a-row>
        <div>
            <!--<a-row>-->
            <!--<a-card class="Card1">-->
            <!--<div class="table-page-search-wrapper" slot="cover">-->
            <!--<a-form layout="inline">-->
            <!--<a-row :gutter="8">-->
            <!--<a-col :xs="24" :sm="12" :md="8" :xl="8">-->
            <!--<div class="DivStyle2">-->
            <!--<a-form-item label="货主姓名">-->
            <!--<a-input-search placeholder="请输入货主姓名"/>&lt;!&ndash; @search="onSearch"&ndash;&gt;-->
            <!--</a-form-item>-->
            <!--</div>-->
            <!--</a-col>-->
            <!--<a-col :xs="24" :sm="12" :md="8" :xl="8">-->
            <!--<div class="DivStyle2">-->
            <!--<a-form-item label="货源次数">-->
            <!--<a-input-search placeholder="请输入发布货源次数"/>&lt;!&ndash; @search="onSearch"&ndash;&gt;-->
            <!--</a-form-item>-->
            <!--</div>-->
            <!--</a-col>-->
            <!--</a-row>-->
            <!--</a-form>-->
            <!--</div>-->
            <!--</a-card>-->
            <!--</a-row>-->

            <!--<a-row :gutter="8" style="height: auto;">-->
            <!--<a-col-->
            <!--:xs="24"-->
            <!--:sm="12"-->
            <!--:md="8"-->
            <!--:xl="6"-->
            <!--class="HzXx"-->
            <!--v-for="tuser in AllHzInfo"-->
            <!--&gt;-->
            <!--<a-card class="Card2">-->
            <!--<div slot="cover" class="DivStyle3">-->
            <!--<div class="ImgStyle">-->
            <!--<a-popover>-->
            <!--<template slot="content">-->
            <!--需要展示的内容-->
            <!--</template>-->
            <!--<a-avatar-->
            <!--:size="48"-->
            <!--style="cursor: pointer"-->
            <!--icon="user"-->
            <!--@click="toSeeThisHz(tuser.hzUser.userId)"/>-->
            <!--</a-popover>-->
            <!--</div>-->
            <!--<div class="DivStyle4">-->
            <!--<a-tooltip slot="action" class="toolTip">-->
            <!--<a-dropdown>-->
            <!--<a class="ant-dropdown-link" href="#">-->
            <!--<a-icon type="setting"/>-->
            <!--</a>-->
            <!--<a-menu slot="overlay">-->
            <!--<a-menu-item>-->
            <!--<a-checkbox @change="onChange">启用</a-checkbox>-->
            <!--</a-menu-item>-->
            <!--<a-menu-item>-->
            <!--<a-checkbox @change="onChange">禁用</a-checkbox>-->
            <!--</a-menu-item>-->
            <!--</a-menu>-->
            <!--</a-dropdown>-->
            <!--</a-tooltip>-->
            <!--<span-->
            <!--class="title"-->
            <!--@click="toSeeThisHz(tuser.hzUser.userId)">{{ tuser.hzUser.userXm }}</span>-->
            <!--<div class="dianHua">电话：{{ tuser.hzUser.userSjh }}</div>-->
            <!--<div class="huoYuanCs">发布货源数：{{ tuser.hzHwNum }}</div>-->
            <!--<div-->
            <!--class="JjStyle"-->
            <!--:title="tuser.hzUser.userJj">-->
            <!--简介：-->
            <!--{{ tuser.hzUser.userJj }}-->
            <!--</div>-->
            <!--</div>-->
            <!--</div>-->
            <!--</a-card>-->
            <!--</a-col>-->
            <!--</a-row>-->
        </div>
    </div>
</template>

<script>
    import {getAction} from '@/api/manage'
    import ARow from "ant-design-vue/es/grid/Row";
    import ACol from "ant-design-vue/es/grid/Col";
    import HzTable from "@/views/my/manage/HzGl/HzTable";

    export default {
        name: 'HzManage',
        components: {ACol, ARow, HzTable},
        data() {
            return {
                url: {
                    getHzInfoList: '/my/hzInfo/getHzInfoList'
                },
                thisIndex: 0,
                AllHzInfo: []
            }
        },
        created() {
            this.loadData()
        },
        methods: {
            loadData() {
                console.log("第" + (this.thisIndex + 1) + "次获取数据");
                console.log(this.url.getHzInfoList);
                getAction(this.url.getHzInfoList).then((res) => {
                    if (res.success) {
                        this.AllHzInfo = res.result
                        for (var i = 0; i < res.result.length; i++) {
                            this.AllHzInfo[i].key = i+1
                        }
                        console.log("AllHzInfo", this.AllHzInfo)
                    }
                })
            },
        }

    }
</script>

<style>
    /*.HzXx {*/
        /*height: 160px;*/
        /*margin-bottom: 14px*/
    /*}*/

    /*.ImgStyle {*/
        /*height: 100%;*/
        /*min-width: 80px;*/
        /*padding: 56px 16px;*/
    /*}*/

    /*.title {*/
        /*font-size: 14px;*/
        /*cursor: pointer;*/
        /*font-weight: 600;*/
        /*color: #4d4d4d;*/
    /*}*/

    /*.huoYuanCs {*/
        /*margin-top: 5px;*/
    /*}*/

    /*.title:hover {*/
        /*color: #fa8c16;*/
    /*}*/

    /*.dianHua {*/
        /*margin-top: 5px;*/
    /*}*/

    /*.JjStyle {*/
        /*margin-top: 5px;*/
        /*overflow: hidden;*/
        /*text-overflow: ellipsis;*/
        /*display: -webkit-box;*/
        /*!*! autoprefixer: off *!*/
        /*-webkit-box-orient: vertical;*/
        /*-webkit-line-clamp: 2;*/
    /*}*/

    /*.DivStyle1 {*/
        /*padding: 8px;*/
        /*background-color: #ffffff*/

    /*}*/

    /*.DivStyle2 {*/
        /*margin-top: 18px;*/
        /*margin-bottom: 18px;*/
        /*margin-left: 8px;*/
        /*margin-right: 15px*/
    /*}*/

    /*.DivStyle3 {*/
        /*display: flex;*/
        /*height: 160px;*/
        /*width: 100%*/
    /*}*/

    /*.DivStyle4 {*/
        /*margin: 15px 0;*/
        /*padding-left: 15px;*/
        /*padding-right: 10px;*/
        /*border-left: 1px solid #373737;*/
    /*}*/

    /*.Card1 {*/
        /*width: 100%;*/
        /*height: auto;*/
        /*margin-bottom: 8px;*/
        /*padding: 8px*/
    /*}*/

    /*.Card2 {*/
        /*height: 100%;*/
        /*background-color: #f2f2f5*/
    /*}*/

    /*.toolTip {*/
        /*right: 8px;*/
        /*top: 8px;*/
        /*position: absolute;*/
    /*}*/
</style>